// pages/demo0/demo0.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    bannerList: [
      { id: 1, imageUrl: "/pages/demo0/picture/1.jpg" },
      { id: 2, imageUrl: "/pages/demo0/picture/2.jpg" },
      { id: 3, imageUrl: "/pages/demo0/picture/3.jpg" },
      { id: 4, imageUrl: "/pages/demo0/picture/4.jpg" },
      { id: 5, imageUrl: "/pages/demo0/picture/5.jpg" },
      { id: 6, imageUrl: "/pages/demo0/picture/6.jpg" },
      { id: 7, imageUrl: "/pages/demo0/picture/7.jpg" },
      { id: 8, imageUrl: "/pages/demo0/picture/8.jpg" },
      { id: 9, imageUrl: "/pages/demo0/picture/9.jpg" },

    ],
    cardList: [
      {
        id: 1,
        title: '宝可梦：超梦的逆袭 进化',
        subtitle: '主演：小智 皮卡丘 超梦',
        image: '/pages/demo0/picture/CMDNX.jpg',
        badge: '独播',
        tag: '评分9.1',
        videoUrl: 'https://media.w3.org/2010/05/sintel/trailer.mp4'
      },
      {
        id: 2,
        title: '宝可梦：裂空的访问者 代欧奇希斯',
        subtitle: '主演：烈空坐 代欧奇希斯',
        image: '/pages/demo0/picture/LKDFWZ.jpg',
        badge: '上新',
        tag: '全35集',
        videoUrl: 'https://media.w3.org/2010/05/bunny/trailer.mp4'
      },
      {
        id: 3,
        title: '宝可梦：梦幻与波导的勇者 路卡利欧',
        subtitle: '主演：梦幻 路卡利欧 小智',
        image: '/pages/demo0/picture/LKLO.jpg',
        badge: '热播',
        tag: '评分8.8',
        videoUrl: 'https://www.w3schools.com/html/movie.mp4'
      },
      {
        id: 4,
        title: '宝可梦：神速的盖诺赛克特 超梦觉醒',
        subtitle: '主演：盖诺赛克特 超梦',
        image: '/pages/demo0/picture/GNSKT.jpg',
        badge: '独播',
        tag: '全12集',
        videoUrl: 'https://www.w3schools.com/html/mov_bbb.mp4'
      },
      {
        id: 5,
        title: '宝可梦：波尔凯尼恩与机巧的玛机雅娜',
        subtitle: '主演：波尔凯尼恩 玛机雅娜',
        image: '/pages/demo0/picture/BEKNE.jpg',
        badge: '上新',
        tag: '评分8.5',
        videoUrl: 'https://download.blender.org/durian/trailer/sintel_trailer-480p.mp4'
      },
      {
        id: 6,
        title: '宝可梦：大家的物语',
        subtitle: '主演：小智 皮卡丘 芳缘宝可梦',
        image: '/pages/demo0/picture/DJDWY.jpg',
        badge: '热播',
        tag: '全20集',
        videoUrl: 'https://download.blender.org/durian/trailer/sintel_trailer-480p.mp4'
      },
      {
        id: 7,
        title: '宝可梦：破坏之茧与蒂安希',
        subtitle: '主演：蒂安希 小智 皮卡丘',
        image: '/pages/demo0/picture/DAX.jpg',
        badge: '独播',
        tag: '评分8.7',
        videoUrl: 'https://media.w3.org/2010/05/video/movie_300.mp4'
      },
      {
        id: 8,
        title: '宝可梦：光轮的超魔神 胡帕',
        subtitle: '主演：胡帕 小智 皮卡丘',
        image: '/pages/demo0/picture/GLDCMS.jpg',
        badge: '热播',
        tag: '评分8.6',
        videoUrl: 'https://media.w3.org/2010/05/bunny/trailer.mp4'
      }
    ],
    showVideo: false,
    currentVideoUrl: ''
  },

 
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  },

  onCardTap(e) {
    const idx = e.currentTarget.dataset.index;
    const videoUrl = this.data.cardList[idx].videoUrl;
    this.setData({
      showVideo: true,
      currentVideoUrl: videoUrl
    });
  },
  closeVideo() {
    this.setData({
      showVideo: false,
      currentVideoUrl: ''
    });
  }
})